<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>React Flexbox Grid</title>
  <meta name="description" content="React Flexbox Grid is a set of React components implementing flexboxgrid with the power of CSS Modules.">
  <meta name="author" content="roylee0704">
  <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
  <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
  <meta name="apple-mobile-web-app-title" content="React Toolbox">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="#303f9f">
  <meta name="format-detection" content="telephone=no">
  <meta name="HandheldFriendly" content="True">
  <meta http-equiv="cleartype" content="on">

  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="roylee0704.github.io/react-flexbox-grid">
  <meta name="twitter:title" content="React Flexbox Grid">
  <meta name="twitter:description" content="React Flexbox Grid is a set of React components implementing flexboxgrid with the power of CSS Modules.">
  <meta name="twitter:image" content="images/logo.png">

  <meta name="og:title" content="React Flexbox Grid">
  <meta name="og:description" content="React Flexbox Grid is a set of React components implementing flexboxgrid with the power of CSS Modules.">
  <meta name="og:url" content="roylee0704.github.io/react-flexbox-grid">
  <meta name="og:image" content="images/logo.png">
  <meta name="og:type" content="app">

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">

  <link rel="stylesheet" href="docs.css">
</head>
<body>
    <div id="app"></div>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-71202323-1', 'auto');
      ga('send', 'pageview');
    </script>
    <script>
      function loadCSS( href, before, media, callback ){
        "use strict";
        var ss = window.document.createElement( "link" );
        var ref = before || window.document.getElementsByTagName( "script" )[ 0 ];
        var sheets = window.document.styleSheets;
        ss.rel = "stylesheet";
        ss.href = href;
        ss.media = "only x";
        ref.parentNode.insertBefore( ss, ref );
        ss.onloadcssdefined = function( cb ){
          var defined;
          for( var i = 0; i < sheets.length; i++ ){
            if( sheets[ i ].href && sheets[ i ].href.indexOf( href ) > -1 ){
              defined = true;
            }
          }
          if( defined ){
            cb();
          } else {
            setTimeout(function() {
              ss.onloadcssdefined( cb );
            });
          }
        };
        ss.onloadcssdefined(function() {
          ss.media = media || "all";
        });
        return ss;
      }
      loadCSS( "//kristoferjoseph.com/font/bold.css" );
    </script>
    <noscript><link href="//kristoferjoseph.com/font/bold.css" rel="stylesheet"></noscript>

    <script src="docs.js"></script>
</body>
</html>
